/*********元宵节活动样式表*****/
body{padding: 0px;margin: 0px;background-color: #311345}
.div-relative{position:relative; color:#000;  width:100%;padding: 0px;margin: 0px;background-color:  #311345}
.div-a{ position:absolute; left:30px; bottom:30px;  }
/* css注释说明： 背景为红色 */
.div-b{ position:absolute; left:150px; bottom:100px;   -webkit-animation:gogogo 3s infinite linear ;}
/* 背景为黄色 */
.div-c{ position:absolute; left:80px; top:80px; background:#00F;}
/* DIV背景颜色为蓝色 */

@-webkit-keyframes gogogo {
    0%{
        opacity: 1;


    }
    30%{
        opacity: 1;


    }
    50%{
        opacity: 0.6;
    }
    90%{
        opacity: 0;

    }
    100%{
        opacity: 0;

    }
}

#context{
    padding: 0px;margin: 0px;
    width: 100%;
    background-image: url("/images/activity/lantern/backgroudimg_3.png");
    background-repeat: no-repeat;
    background-size:contain;
}

.huojiantext{
    color: #fff;
    text-align: center;
}

.table1{width: 100%;text-align: center;margin-top: 20px;}
.table1 td{position:relative;height: 150px;}
.table1 img{width: 80%;}

.table3{width: 100%;text-align: center;margin-top: 20px;}
.table3 td{position:relative;height: 100px;}
.table3 img{width: 80%;}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.yuanxiaonumber{background-color: red;position:absolute;top:0px;right: 30%;color: #fff;width:20px;
    height: 20px;
    font-weight: bold;
    background: red;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.hidden{display: none;}

/****灰度的背景**/
.shareit {
    -webkit-user-select: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    text-align: center;
    top: 0;
    left: 0;
    z-index: 9999;
}
.shareit img {
    max-width: 100%;
}

.guanzhudiv{
    width: 100%;
    height: 100%;
}


#songDiv{
    width: 100%;
    min-height: 100%;
    text-align: center;
    position: relative;

}

#yaoDiv{
    width: 100%;
    min-height: 100%;
    text-align: center;
    position: relative;

}

#songDiv .context {
    position: absolute;
    top:100px;
    text-align: center;
    width: 100%;
}

#yaoDiv .context{
    position: absolute;
    top:200px;
    text-align: center;
    width: 100%;
}

#songDiv .context .sm{

    background-color: #FF6331;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 20px;
    color:yellow;font-size: 20pt;
    background-image: url("/images/activity/lantern/fromyaosm2.png");

}


#yaoDiv .context .sm{
    color:#fff;font-size: 20pt;
}

#yaoDiv .context .sm2{
    color:#fff;font-size: 20pt;
    background-image: url("/images/activity/lantern/fromyaosm2.png");
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 20px;
}

.wxhead{
    width: 100px;
    height: 100px;


    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}

#shareitfenxiang {
    -webkit-user-select: none;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    text-align: center;
    top: 0;
    left: 0;
    z-index: 105;
}
#shareitfenxiang img {
    max-width: 100%;
}

.zhufuyutip{
    background-image: url("/images/activity/lantern/fromyaosm2.png");
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 5px;
    font-weight: bold;

}